<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>品牌入驻</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="pinpai_entry">
        <header-top></header-top>
        <common-login-head text="品牌入驻"></common-login-head>
        <div class="for_com-bg">
            <div class="company_entry container pb-60">
                <div class="company_entry-part">
                    <div class="con">
                        <h1>品牌信息</h1>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业名称：</div>
                            <input class="con-col-input" type="text" v-model="companyName" disabled>
                            <div class="con-col-input_text">请按照营业执照上登记的完整名称填写</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>品牌名称：</div>
                            <input class="con-col-input" type="text" v-model="pinpaiName">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业LOGO：</div>
                            <common-upimg :preimg="pinpaiLogo" :testoption="{ width:180,height:64,volume:40,maxlength:1}"></common-upimg>
                            <div class="con-col-img_text">图片尺寸180px*64px，文件大小40kb以内，支持JPG，PNG格式</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>成立时间：</div>
                            <el-date-picker v-model="upTime" :editable="false" type="date" placeholder="选择日期"></el-date-picker>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>品牌风格：</div>
                            <div class="con-col-radio-box">
                                <div class="con-col-radio" v-for="item,index in pinpaiStyle" @click="clickPinpaiStyle(index)">
                                    <div class="con-col-radio-btn">
                                        <div class="con-col-radio-btn-cur" v-show="pinpaiStyle[index].cur"></div>
                                    </div>
                                    <p>{{item.text}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>消费人群：</div>
                            <input type="text" class="con-col-input con-col-input_short" v-model="minage">
                            <p class="con-col-interval">-</p>
                            <input type="text" class="con-col-input con-col-input_short" v-model="maxage">
                            <div class="con-col-input_text">岁</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>企业LOGO：</div>
                            <common-upimg :preimg="zhenshu" :testoption="{ volume:400,maxlength:2}"></common-upimg>
                            <div class="con-col-img_text">文件大小400kb以内，支持JPG，PNG格式,最多上传2张</div>
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>联系人：</div>
                            <input type="text" class="con-col-input con-col-input_short" v-model="contacts">
                        </div>
                        <div class="con-col">
                            <div class="con-col-title"><span>*</span>联系方式：</div>
                            <input type="text" class="con-col-input" v-model="tel">
                        </div>
                    </div>
                    <div class="company_entry-bottom pinpai_entry-bottom">
                        <button @click="clickSubmit($event)">提交品牌申请</button>
                    </div>
                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        pinpai_entry();
    </script>
</body>

</html>